<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/17
  Time: 11:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Login</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Font Awesome -->
<link rel="stylesheet" href="./css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- icheck bootstrap -->
<link rel="stylesheet" href="./css/icheck-bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="./css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- jQuery -->
<script src="./js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap 4 -->
<script src="./js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="./js/adminlte.min.js"></script>

</head>
<body class="hold-transition login-page">
<div class="login-box">
    <!-- logo 标识 -->
    <div class="login-logo">
        <!--系统logo返回主页-->
        <a href="../../index2.html"><b>Library</b>SYSTEM</a>
    </div>
    <!-- 登陆卡片 -->
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">Login in</p>
            <!--登陆操作 jQuery异步操作-->
            <form action="index.jsp" method="post">
                <!--用户名输入-->
                <div class="input-group mb-3">
                    <input type="email" class="form-control" placeholder="用户名">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-envelope"></span>
                        </div>
                    </div>
                </div>
                <!--密码输入-->
                <div class="input-group mb-3">
                    <input type="password" class="form-control" placeholder="密码">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>
                <!--Cookie Check-->
                <div class="row">
                    <div class="col-8">
                        <div class="icheck-primary">
                            <input type="checkbox" id="remember">
                            <label for="remember">
                                Remember Me
                            </label>
                        </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary btn-block">登录</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>

            <!--找回密码以及注册界面-->
            <div class="social-auth-links text-center mb-3">
                <p></p>
                //找回密码
                <a href="forgot-password.html" class="btn btn-block btn-primary">
                    <i class="fab fa-facebook mr-2"></i> Find back my password
                </a>
                //注册
                <a href="register.html" class="btn btn-block btn-primary">
                    <i class="fab fa-facebook mr-2"></i> Register a new membership
                </a>
            </div>
        <!-- /.login-card-body -->
    </div>
</div>
<!-- /.login-box -->

</body>
</html>
